<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>购物车</title>
		<link rel="stylesheet" href="./css/common.css" />
		<link rel="stylesheet" href="./css/cart.css" />
	</head>
	<body>
		<div class="container">
      <div class="header">
        <div class="lt"></div>
        <div class="ct">购物车</div>
        <div class="rt"></div>
      </div>
			<!-- 特性描述 -->
			<div class="service-policy">
				<div class="item">30天无忧退货</div>
				<div class="item">48小时快速退款</div>
				<div class="item">满88元免邮费</div>
			</div>
			<!-- 购物车无数据 -->
			<!-- <div class="no-cart" >
        <div class="c">
          <img src="http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/noCart-a8fe3f12e5.png" />
          <span>去添加点什么吧</span>
        </div>
      </div> -->
			<!-- 购物车有数据 -->
			<div class="cart-view">
				<div class="list">
					<div class="group-item">
						<div class="goods">
              <!-- 正常状态效果 -->
							<div class="item">
								<div class="checkbox checked"></div>
								<div class="cart-goods">
									<img
										class="img"
										src="./static/demo/idx-brand.jpg"
									/>
									<div class="info">
										<div class="t">
											<span class="name">商品名称</span>
											<span class="num">x10</span>
										</div>
										<div class="attr">红色X12G</div>
										<div class="b">
											<span class="price">￥1111</span>
											<!-- <div class="selnum">
												<div class="cut">-</div>
												<input
													value="1"
													class="number"
													disabled="true"
													type="number"
												/>
												<div class="add">+</div>
											</div> -->
										</div>
									</div>
								</div>
							</div>
              <!-- 修改状态下效果 -->
							<div class="item edit">
								<div class="checkbox checked"></div>
								<div class="cart-goods">
									<img
										class="img"
										src="./static/demo/idx-brand.jpg"
									/>
									<div class="info">
										<div class="t">
											<span class="name">商品名称</span>
											<span class="num">x10</span>
										</div>
										<div class="attr">
											已选择：红色X12G
										</div>
										<div class="b">
											<span class="price">￥1111</span>
											<div class="selnum">
												<div class="cut">-</div>
												<input
													value="1"
													class="number"
													disabled="true"
													type="number"
												/>
												<div class="add">+</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="cart-bottom">
					<div class="checkbox checked">全选(11)</div>
					<div class="total">￥111/</div>
					<div class="delete" bindtap="editCart">
            编辑/完成
					</div>
					<!-- <div class="checkout">删除所选</div> -->
					<div class="checkout"><a href="checkout.html" style="display: block;">下单</a></div>
					<!-- 下单按钮点击之后，点击跳转到 shopping下的checkout页面！ -->
				</div>
			</div>
      <!-- 底部TabBar区域 -->
  <div class="tab-bar">
    <a href="index.html">
      <img src="./static/images/ic_menu_choice_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_choice_pressed.png" alt=""> -->
      <span>首页</span>
    </a>
    <a href="topic.html" >
      <img src="./static/images/ic_menu_topic_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_topic_pressed.png" alt=""> -->
      <span>专题</span>
    </a>
    <a href="cate.html"  class="active">
      <!-- <img src="./static/images/ic_menu_sort_nor.png" alt=""> -->
      <img src="./static/images/ic_menu_sort_pressed.png" alt="">
      <span>分类</span>
    </a>
    <a href="cart.html">
      <img src="./static/images/ic_menu_shoping_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
      <span>购物车</span>
    </a>
    <a href="user.html">
      <img src="./static/images/ic_menu_me_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
      <span>我的</span>
    </a>
  </div>
		</div>
	</body>
</html>
